<template>
	<div class="main">
		<div class="header-out" style="overflow:hidden;">
			<div class="without-header">
				<div class="dis-flex ft-28 card">
					<div class="">到账银行卡</div>
					<div class="ml-30 flex-1">
						<div class="arrow-item" @click="openBank">建设银行 (4861)</div>
						<div class="without-time">2小时内到账</div>
					</div>
				</div>
				<div class="price-main">
					<div>提现金额</div>
					<div class="dis-flex price-div">
						<span class="price-unit">¥</span>
						<div class="flex-1 input-div ml-20">
							<input type="text" />
						</div>
					</div>
					<div class="ft-26 mt-40">
						<span style="color:#958DA5">当前可提现</span> <span class="with-total">¥ 502.98</span> ， <span class="with-all">全部提现</span>
					</div>
					<div>
						<a class="btn btn-without">提现</a>
					</div>
				</div>
			</div>
		</div>
		<Banklist v-model="bankShow"></Banklist>
	</div>
</template>
<script>
	import Banklist from '@/components/banklist';
	export default {
		components:{
			Banklist
		},
		data(){
			return {
				bankShow:false
			}
		},
		methods:{
			openBank(){
				this.bankShow=true;
			}
		}
	}
</script>
<style scoped lang="scss">
	@import "@/css/base.scss";
	.main{height: 100%;background: $gray-f5;}
	.header-out{border-radius: 4px;}
   .without-header{margin: 40px 30px;background: #FFF;}
   .card{padding:40px 60px;background: #FBFBFB;}
   .without-time{margin-top: 12px;color: #958DA5;}

   .price-main{padding:40px 60px;}
   .price-unit{font-size: 60px;}
   .input-div{height: 96px;}

   .price-div{padding-bottom: 14px;margin-top: 40px;border-bottom: 1px solid transparent; 
  border-image: svg(1px-border param(--color #E9E9E9)) 2 2 stretch;border-top:0;}
   .input-div input{height: 100%;width: 100%;outline: 0;border: 0;font-size: 80px;}

   .with-all{color: #00003E;}
   .with-total{color: #002300;font-weight: bold;}
   .btn-without{width: 570px;height: 84px;line-height:84px;margin-top:36px;padding: 0;background: #FD4658;opacity: 0.55;text-align: center;color: rgba(255,255,255,0.56);}

   .arrow-item{height: 40px;line-height: 40px;}
</style>